<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 后台管理开发框架</title>
<link href="/favicon.ico" rel="icon">
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="/static/admin/layui/css/layui.css" rel="stylesheet" type="text/css" />
<link href="/static/admin/css/style.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- // 重定位style -->
<style>
.layui-input-block textarea {
    width: 410px;
    height: 145px;
}
</style>
<div class="layui-fluid">
    <div class="layui-card">
        <!-- // 默认操作按钮 -->
        <div class="layui-card-header layuiadmin-card-header-auto ">
        <div class="layui-form">
            <div class="layui-form-item">
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <select name="status">
                        <option value="">按状态查询</option>
                        <option value="2" >已审核</option>
                        <option value="1" >未审核</option>
                    </select>
                </div>  
            </div>

            <div class="layui-inline"><div class="layui-input-inline ">
                <input name="name" class="layui-input" type="text" placeholder="关键字搜索"/></div>
            </div>

            <div class="layui-inline" >
                <!-- // 默认搜索 -->
                <button class="layui-btn icon-btn" lay-filter="formSearch" lay-submit><i class="layui-icon layui-icon-search"></i>搜索</button>
                <!-- // 删除所有 -->
                <button class="layui-btn icon-btn layui-btn-danger" lay-batch="lay-tableList"  lay-url="{:url('/system.guestbook/del')}" >
                  <i class="layui-icon layui-icon-delete"></i>删除
                </button>
            </div>
            </div>
        </div>   
        </div>

        <!-- // 创建数据实例 -->
        <table id="lay-tableList" lay-filter="lay-tableList"></table>        
    </div>
</div>

<!-- // 添加编辑数据 -->
<script type="text/html" id="editforms" >
<div class="layui-fluid layui-bg-white" >
    <form action="{:url('/system.guestbook/reply')}" class="layui-form layui-form-fixed"  lay-filter="editforms" >
        <input type="text" name="id" hidden="">
        <div class="layui-form-item">
            <label class="layui-form-label"><font color="red">* </font>用户名</label>
            <div class="layui-input-block" >
                <input type="text" name="name" class="layui-input layui-disabled">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">留言内容</label>
            <div class="layui-input-block">
                <textarea name="content" class="layui-textarea"></textarea>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">回复内容</label>
            <div class="layui-input-block">
                <textarea name="reply" class="layui-textarea"></textarea>
            </div>
        </div>      
        <div class="layui-footer layui-form-item layui-center">
            <button class="layui-btn layui-btn-primary" type="button" pa-event="closePageDialog">取消</button>
            <button class="layui-btn" lay-filter="submitPage" lay-submit>提交</button>
        </div>
    </form>
</div>
</script>

<!-- // 列表状态栏 -->
<script type="text/html" id="columnStatus">
    <input type="checkbox" lay-filter="switchStatus" lay-url="{:url('/system.guestbook/status')}" value="{{d.id}}" lay-skin="switch" {{d.status==1?'checked':''}}  />
</script>

<!-- // 列表工具栏 -->
<script type="text/html" id="tableBar"> 
    <a class="layui-table-text" lay-title="回复留言" lay-area="580px,530px" lay-url="#editforms" lay-event="reply">回复</a>
    <div class="layui-divider layui-divider-vertical"></div>
    <a class="layui-table-text" lay-url="{:url('/system.guestbook/del/')}id/{{d.id}}" lay-event="del">删除</a>
</script>

<script src="/static/admin/layui/layui.js?v=1.0.0"></script>
<script src="/static/admin/js/common.js?v=1.0.0"></script>
<script>
    layui.use(['table'], function () {
        
        var table = layui.table;
        /*
         * 初始化表格
        */
        var isTable = table.render({
            elem: "#lay-tableList"
            ,url: "{:url('/system.guestbook/index')}"
            ,page: true
            ,limit: 18
            ,cols: [[
                {type: 'checkbox', width:45},
                {field: 'id', align: 'center',sort: true,width: 80,  title: 'ID'},
                {field: 'uid', align: 'center',sort: true,width: 80,templet:function(d){
                    return d.uid == 0 ? '无' : d.uid;
                },  title: 'UID'},
                {field: 'name', align: 'left', width:120,templet:function(d){
                    return d.name === undefined ? '游客' : d.name;
                },title: '昵称'},
                {field: 'content', align: 'left',title: '留言内容'},                
                {field: 'reply', align: 'center',title: '回复内容'},
                {field: 'status', align: 'center',width:120,templet:'#columnStatus',title: '状态'},
                {field: 'ip', align: 'center',width:160,title: '登录IP'},
                {field: 'createtime', align: 'center', width:160,title: '评论时间'},
                {align: 'center', toolbar: '#tableBar', width:160, title: '操作'},
            ]]
        })
    })
</script>
